import {Button, Card, Flex} from "antd";
import {useNavigate} from "react-router-dom";
import Index from "@/component";

const IndexPage = () => {
    const navigate = useNavigate();
    return (
        <Card style={{ height: "100vh" }}>
            <h1>System main page of jasmine.</h1>
            <p>This is system root page, you man click login button in login page.</p>
            <p>You can also immediate pass into navigate page.</p>

            <Flex gap={20}>
                <Button type={"primary"} onClick={() => navigate("/login")} >Login Page</Button>
                <Button type={"primary"} onClick={() => navigate("/nav")}>Navigate Page</Button>
                <Button type={"primary"} onClick={() => navigate("/home")}>Home Page</Button>
            </Flex>
            <div>
                <Index/>
            </div>
        </Card>
    );
};

export default IndexPage;